// 点击切换
$('#link_login').on('click', function () {
  $('.login-box').hide()
  $('.reg-box').show()
})

$('#link_reg').on('click', function () {
  $('.login-box').show()
  $('.reg-box').hide()
})

// 想要通过layui.form

layui.form.verify({
  // 想要校验密码的长度
  pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
  // 为了校验密码和确认密码是否一致
  rePwd: (val) => {
    // val 就是确定密码输入框的value值
    // 密码输入框的value值
    const pwdValue = $('#password').val().trim()
    if (val !== pwdValue) return '两次密码输入不一致'
  }
})

/**
 * 1. 需要给注册的表单添加submit事件
 * 2. 阻止表单的默认行为
 * 3. 获取到输入框里面的内容
 * 4. 参考接口文档 关注接口地址与请求方式
 * 5. 发送ajax
 * 6. 接收服务器响应回来的数据 看看是否注册成功 注册失败需要提示用户
 * 7. 注册成功 模拟去登录a标签的点击事件
 */

$('#reg_form').on('submit', function (e) {
  e.preventDefault()
  // 获取到输入框里面的内容
  const data = $(this).serialize()
  $.post('/api/reguser', data, (res) => {
    const { status, message } = res
    if (status !== 0) return layui.layer.msg(message)
    //  注册成功 模拟去登录a标签的点击事件
    layui.layer.msg('注册成功')
    $('#link_reg').click()
  })
})

/**
 * 1. 需要给登录的表单添加submit事件
 * 2. 阻止表单的默认行为
 * 3. 获取到输入框里面的内容
 * 4. 参考接口文档 关注接口地址与请求方式
 * 5. 发送ajax
 * 6. 接收服务器响应回来的数据 看看是否登录成功 登录失败需要提示用户
 * 7. 需要将服务器响应回来的token保存到本地存储中
 * 8. 跳转到后台首页
 */
//  * 1. 需要给登录的表单添加submit事件
$('#login-form').on('submit', function (e) {
  //  2. 阻止表单的默认行为
  e.preventDefault()
  //  3. 获取到输入框里面的内容
  const data = $(this).serialize()
  // 5. 发送ajax
  $.ajax({
    type: 'post',
    url: '/api/login',
    data,
    success: (res) => {
      // 看看是否登录成功 登录失败需要提示用户
      // 将对象里面的数据解析出来
      const { status, message, token } = res
      if (status !== 0) return layui.layer.msg(message)
      // 需要将服务器响应回来的token保存到本地存储中
      sessionStorage.setItem('token', token)
      // 跳转到后台首页
      location.href = '/index.html'
    }
  })
})
